﻿<!DOCTYPE html>
<html>
	<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>AroCity-Admin</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <link href="../javascript/libs/bootstrap/css/bootstrap.css" rel="stylesheet" />       
        <link href="../css/custom.css" rel="stylesheet" />
               
        <script src="../javascript/libs/modernizer/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        <!--[if lt IE 7]>
         
       <![endif]-->
        <script src="../javascript/libs/jquery/jquery.min.js"></script>
        <script src="../javascript/libs/bootstrap/js/bootstrap.min.js"></script>

        <!--Relative file-->
        <script src="javascript/admin.js"></script>
         <style>
             .overlay_loading{ 
                position: fixed; 
                z-index: 100000000000; 
                background-color: rgba(0,0,0,0.4); 
                top:0px; 
                bottom: 0px; 
                right: 0px; 
                left: 0px 
         }
         </style>  
    </head>
<body>
    <div id="loadingWindow" class="overlay_loading" style="display:none">
        <img style="position:absolute; left: 50%;top:50%" src="../img/spinner.gif" />       
    </div>
	<header class="navbar  navbar-fixed-top" role="navigation" style="padding:10px">
        <section class="row">
            <div class="col-sm-12">
                <div class="navbar-header">
                    <a class="navbar-brand">
                        <p class='LogoLabel'>AroCity -Admin Panel</p>
                    </a>
                </div>
            </div>            
        </section>  
     </header>
	  <main class="body-container container">
			<section id='bodyPart' class="row" style="min-height: 500px ">
                <div class="row">
                    <div class="col-sm-9 affix" style="z-index:100000">
                        <div id="alertSuccessMsg" class="alert alert-success hide"></div>
                        <div id="alertErrorMsg" class="alert alert-danger hide"></div>
                    </div>
                    <div class="col-sm-12 voffset-7">
                        <div class="col-sm-10">                           
                            <p class="text-center">
                                Wel come to admin panel
                            </p>                         
                        </div>
                        <div class="col-sm-2 pull-right">
                            <a class="btn btn-info" href="../../ui/">
                            <span class="glyphicon glyphicon-arrow-left"></span>
                            <span>Back to AroCity</span></a>
                        </div>                       
                    </div>                   
                </div>                
                <div class="row voffset-2">                    
                    <div class="col-sm-12 col-lg-12 well well-sm ">
                        <a data-toggle="collapse" data-target="#csvFileUploadCntr" href="#">UPLOAD CSV FILE</a>                                               
                         <div id="csvFileUploadCntr" class="collapse ">
                            <div class="col-sm-12 cstm-box ">
                                <fieldset>
                                    <legend>CSV File</legend>
                                    <div class="form-group">
                                        <input class="form-control" type="file" onchange="onCSVFileSelect(this)" />
                                    </div>                                 
                                </fieldset>
                            </div>
                        </div>
                    </div>                    
                </div>             
				 
                <div class="row">                   
                    <div class="col-sm-12 col-lg-12 well well-sm">
                        <a data-toggle="collapse" data-target="#bannerUploadCntr" href="#">UPLOAD BANNERS</a>                       
                        <div id="bannerUploadCntr" class="collapse">
                            <div class="col-sm-12 cstm-box voffset-2">
                                <fieldset>
                                    <legend>Banner #1</legend>
                                    <div class="form-group">                                        
                                        <input class="form-control" type="file" onchange="onFileSelect(this,'1')" />
                                    </div> 
                                    <div class="form-group">
                                        <img id="bannerPreview_1" class="img-responsive" />
                                    </div>                                   
                                </fieldset>
                            </div>
                            <div class="col-sm-12 cstm-box voffset-2">
                                <fieldset>
                                    <legend>Banner #2</legend>
                                    <div class="form-group">
                                        <input class="form-control" type="file" onchange="onFileSelect(this,'2')" />
                                    </div> 
                                    <div class="form-group">
                                        <img id="bannerPreview_2" class="img-responsive" />
                                    </div>                                   
                                </fieldset>
                            </div>
                            <div class="col-sm-12 cstm-box voffset-2">
                                <fieldset>
                                    <legend>Banner #3</legend>
                                    <div class="form-group">
                                        <input class="form-control" type="file" onchange="onFileSelect(this,'3')" />
                                    </div>  
                                    <div class="form-group">
                                        <img id="bannerPreview_3" class="img-responsive" />
                                    </div>                                  
                                </fieldset>
                            </div>
                            <div class="col-sm-12 cstm-box voffset-2">
                                <fieldset>
                                    <legend>Banner #4</legend>
                                     <div class="form-group">                                        
                                        <input class="form-control" type="file" onchange="onFileSelect(this,'4')" />
                                    </div>  
                                    <div class="form-group">
                                        <img id="bannerPreview_4" class="img-responsive" />
                                    </div>                                   
                                </fieldset>
                            </div>
                        </div>
                    </div>
                </div>
                                                        
            </section>
        <hr>
        <footer>
            <div class="row">
                <div class="col-sm-9">
                    <p>All rights reserved by arocity.com &copy 2014</p>
                </div>
                <div class="col-sm-3">
                    <div class="btn-toolbar" role="toolbar">
                        <div class="btn-group"><a href="#contactUs">Contact Us |</a></div>
                        <div class="btn-group"><a href="#aboutUs">About Us  |</a></div>
                        <div class="btn-group"><a href="#aboutUs">More</a></div>
                    </div>
                </div>
            </div>
        </footer>
	  </main>	   
</body>
</html>


